<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>初始JQuery</title>
		<!-- JQuery框架----JavaScript 行为层  做页面触发型效果
		    JQuery框架封装了javaScript所有功能，JQurey框架【又叫做js类型】
			一，使用JQurey使用
			  ①官方网站下载JQurey框架，格式：jquery-1.11.1.js
			   注意：jquery-2-xx.js 以上版本不支持IE 6 7 8
			  ②引入JQurey框架：在head元素中，添加Script元素
			  ③JQurey语法的使用，在后标记body元素前加script元素，在元素中写JQ语法
			  
			  javaScript三部分组成    EMCAScript 核心语法  理解：java基础
			                         功能：做逻辑
									 输出语句1.document.write("内容+元素");
									          效果直接输出页面中
											2. console.log("内容+变量值");
											  任何浏览器F12 直接在控制台输出内容+变量值
											  调试页面数据，查看页面程序运行数据
											  【非常常用】
											 3.alert("内容+变量值") 
											  弹出框，测试功能是否生效，Debug页面方式
											 4.confirm("内容")
											  弹出框，判断基础逻辑
								【重点】	DOM Document Object Model文档节点对象模型
										功能：改变页面效果【结合逻辑操作页面元素和属性】
										改变页面效果--DOM 树概念
										JS/JQ  写在最后body前原因
										DOM认为页面是一颗DOM树，树根document
										按照html元素结构 body元素中页面出现
										元素最多位置，等待元素出现，才可以改变
										元素效果
										
										
										BOM   brower Object madel 浏览器对象模型
										针对浏览器功能操作
										功能：改变浏览器效果【结合逻辑操作浏览器功能】
										
		 -->
		 <script src="js/jquery-1.11.1.js"></script>
	</head>
	<body>
		<button>按钮</button>
		<script>
			$("button").click(function(){document.write("<h1>准备下课~</h1>")});
		</script>
	</body>
</html>